<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
        <style>
            .input-mall {
                border: 1px #b1b1b1 solid;
                width: 80px;
                line-height: 20px;
                padding: 1px 5px;
                min-width: 80px;
                color: #333;
            }
        </style>
    </head>
    <jsp:include page="/WEB-INF/jsp/header.jsp"/>
<body>
<div class="body-main">
    <form id="flowCreate" action="">
        <table class="add-table form-table">
            <tr>
                <input type="hidden" value="${id}" name="id">
            </tr>
            <tr>
                <th><span class="required">公司名称：</span></th>
                <td>
                    <input type="text" class="input-style" name="companyName" value=""/>
                </td>
            </tr>
            <tr>
                <th><span>职位：</span></th>
                <td>
                    <div class="tree-select-warp">
                        <input type="text" class="input-style" id="position" readonly="" name="position">
                    </div>
                </td>
            </tr>
            <tr>
                <th><span>人数：</span></th>
                <td>
                    <input type="number" class="input-style" name="num" id="num" value=""/>
                </td>
            </tr>
            <tr>
                <th><span>薪资：</span></th>
                <td>
                    <div class="layui-input-inline">
                        <input type="text" class="input-mall" name="salaryMin"  id="salaryMin"/> K &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;—&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; <input type="text" class="input-mall" name="salaryMax"  id="salaryMax"/> K
                    </div>
                </td>
            </tr>
            <tr>
                <th><span class="required">公司行业：</span></th>
                <td>
                    <div class="tree-select-warp">
                        <input type="text" class="input-style" id="industry" readonly="" name="industry">
                    </div>
                </td>
            </tr>
            <tr>
                <th><span>公司规模：</span></th>
                <td>
                    <div class="layui-input-inline">
                        <select name="scale" id="scale" class="select-style">
                            <option value="">请选择</option>
                            <c:forEach var="s" items="${scale}">
                                <option value="${s.code}">${s.name}</option>
                            </c:forEach>
                        </select>
                    </div>
                </td>
            </tr>
            <tr>
                <th><span class="required">联系人：</span></th>
                <td>
                    <input type="text" class="input-style" name="contactName" value=""/>
                </td>
            </tr>
            <tr>
                <th><span class="required">联系电话：</span></th>
                <td>
                    <input type="text" class="input-style" name="contactPhone" value="" id="contactPhone"/>
                </td>
            </tr>
            <tr>
                <th><span>合同号：</span></th>
                <td>
                    <div class="layui-input-inline">
                        <input type="text" class="input-style" id="contractNo" class="select-style" name="contractNo"/>
                    </div>
                </td>
            </tr>
            <tr>
                <th><span>合同周期：</span></th>
                <td>
                    <div class="layui-inline">
                        <input type="text" name="contractStartDate" placeholder="开始时间" class="Wdate input-style"
                                   id="d4311"
                                   onFocus="var d4312=$dp.$('d4312'); WdatePicker({onpicked:function(){d4312.focus();}, maxDate:'#F{ $dp.$D(\'d4312\')}', dateFmt:'yyyy-MM-dd'})">
                    </div>
                    <span>-</span>
                    <div class="layui-inline">
                        <input type="text" name="contractEndDate" placeholder="结束时间" class="Wdate input-style"
                                   id="d4312"
                                   onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}', dateFmt:'yyyy-MM-dd'})">
                    </div>
                </td>
            </tr>
            </tr>
            <tr>
                <th><span>上传附件：</span></th>
                <td>
                    <ul class="data-warp">
                        <li>
                            <a href="javascript:void(0)" class="upload-button" id="upload"></a>
                            <input class="layui-upload-file" type="file" name="file" multiple="" id="annexUpload" data-type="company" data-fileid="${id}">
                            <p>上传附件</p>
                        </li>
                    </ul>
                </td>
            </tr>
            <tr>
                <th>岗位职责：</th>
                <td>
                        <textarea class="textarea-style" id="jobDuty" name="jobDuty" rows="10" ></textarea>
                </td>
            </tr>
        </table>
    </form>
</div>
<script type="text/javascript"
        src="${basePath}/static/js/zzsc/common/dgg.verify.js?v=${version}"></script>
<script src="${rootUrl}/static/js/zzsc/common/files/annex.js?v=${version}" type="text/javascript" charset="utf-8"></script>

<script>
   $(function(){
       $('#industry').selectTree({
           check:false,   //默认为false，单选；设置为 true ，为多选
           close:true,
           search: true,
           url:cmsBaseUrl +  "/api/cms/tree_book/v1/get_tree_book_list.do?code=HYFL&type=2&level=2",
           idKey: "id",//指定id
           pIdKey: "pid",//指定pId
           idName: 'industry',
           dataFilter: function (treeId, parentNode, responseData) {
               return responseData.data;
           }

       });
       $('#position').selectTree({
           check:false,   //默认为false，单选；设置为 true ，为多选
           close:true,
           search: true,
           url:cmsBaseUrl +  "/api/cms/tree_book/v1/get_tree_book_list.do?code=LTZW&type=2&level=2",
           idKey: "id",//指定id
           pIdKey: "pid",//指定pId
           idName: 'position',
           dataFilter: function (treeId, parentNode, responseData) {
               return responseData.data;
           }

       });
   });
</script>
</body>
</html>
